const path = require('path')
const { name } = require('./package')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const SkeletonWebpackPlugin = require('vue-skeleton-webpack-plugin')

module.exports = {
  lintOnSave: false,
  publicPath: './',
  devServer: {
	headers: {
		'Access-Control-Allow-Origin': '*',
	},
  },
  configureWebpack: {
	output: {
		library: `${name}-[name]`,
		libraryTarget: 'umd', // 把微应用打包成 umd 库格式
		jsonpFunction: `webpackJsonp_${name}`,
	},
	plugins: [
	  new HtmlWebpackPlugin({
		template: './public/index.html',
		title: '开源企业'
	  }),
	  // new SkeletonWebpackPlugin({
		// webpackConfig: {
		//   entry: {
		// 	app: path.join(__dirname, './src/skeleton.js'),
		//   }
		// },
		// minimize: true, // 是否需要压缩注入
		// quiet: true, // 在服务端渲染时是否需要输出信息到控制台
		// router: {
		//   mode: 'hash',
		//   routes: [
		// 	{
		// 	  path: '/',
		// 	  skeletonId: 'skeletonFrame' //之前的id
		// 	}
		//   ]
		// }
	  // })
	]
  },
  
  css: {
	// 是否使用css分离插件 ExtractTextPlugin
	extract: true,
	// 开启 CSS source maps?
	sourceMap: false,
	// css预设器配置项
	loaderOptions: {},
	// 启用 CSS modules for all css / pre-processor files.
	modules: false
  }
}

